<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
<div class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a href="http://www.baizhiedu.com" class="navbar-brand">当当网</a>

        </div>
        <span class="navbar-text">欢迎您：<a href="" >xxx</a></span>
        <ul class="nav navbar-nav">
            <li><a href="" class="navbar-link"><span class="text-primary">登录</span></a></li>
            <li class="divider"></li>
            <li><a href="" class="navbar-link"><span class="text-primary">注册</span></a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li >
                <a href="cart/cart.html">
                    <svg height="15"  version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                         viewBox="0 0 489 489" style="enable-background:new 0 0 489 489;" xml:space="preserve">
											<g>
												<path d="M440.1,422.7l-28-315.3c-0.6-7-6.5-12.3-13.4-12.3h-57.6C340.3,42.5,297.3,0,244.5,0s-95.8,42.5-96.6,95.1H90.3
													c-7,0-12.8,5.3-13.4,12.3l-28,315.3c0,0.4-0.1,0.8-0.1,1.2c0,35.9,32.9,65.1,73.4,65.1h244.6c40.5,0,73.4-29.2,73.4-65.1
													C440.2,423.5,440.2,423.1,440.1,422.7z M244.5,27c37.9,0,68.8,30.4,69.6,68.1H174.9C175.7,57.4,206.6,27,244.5,27z M366.8,462
													H122.2c-25.4,0-46-16.8-46.4-37.5l26.8-302.3h45.2v41c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5v-41h139.3v41
													c0,7.5,6,13.5,13.5,13.5s13.5-6,13.5-13.5v-41h45.2l26.9,302.3C412.8,445.2,392.1,462,366.8,462z"/>
											</g>
										</svg>
                    <span class="text-muted">购物车</span>
                </a>
            </li>
            <li class="divider"></li>
            <li><a href="">我的当当</a></li>
            <li class="divider"></li>
            <li><a href="">帮助</a></li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <img src="images/DDlogoNEW.gif" alt="">
        </div>
        <div class="col-md-6">
            <form action="search-book.html">
                <div class="input-group navbar-btn">
                    <input type="text" name="bookName" placeholder="搜索图书名" id="" class="form-control">
                    <div class="input-group-btn">
                        <button type="submit" class="btn btn-danger"><span class="glyphicon glyphicon-search"></span></button>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-3">
            <ul class="nav nav-pills">
                <li class="bg-success"><a href=""><span class="text-muted">购物车</span><span class="badge">0</span></a></li>
                <li class="bg-info"><a href=""><span class="text-muted">我的订单</span></a></li>
            </ul>
        </div>
    </div>

    <div class="navbar navbar-default">
        <div class="container-fluid">
            <ol class="breadcrumb navbar-left navbar-btn">
                <span>你当前所在的位置：</span>
                <li><a href="main.html">当当图书</a></li>
                <li >搜索</li>
                <li class="active">关键字</li>
            </ol>

            <ul class="pager navbar-right navbar-btn">
                <li>第 <span>1</span> 页</li>
                <li><a href="#">上一页</a></li>
                <li><a href="#">下一页</a></li>
                <li>共 <span>6</span> 页</li>
            </ul>

        </div>

    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-body">
                    <ul class="media-list">
                        <li class="media">
                            <div class="media-left media-middle">
                                <a href=""><img class="media-object" src="images/book/rlws.jpg" alt="" style="width:150px"></a>
                            </div>
                            <div class="media-body">
                                <a href=""><h5 class="text-primary">儒林外史</h5></a>
                                <hr>
                                <p class="small text-muted">作者：<span>吴敬梓</span></p>
                                <p class="small text-muted">出版社：<span>花山文艺出版社</span>
                                    出版时间：<span>2019-07-01</span></p>
                                <p>《儒林外史》，是一部描绘知识分子群像的长篇讽刺小说。作品描写了深受八股毒害的儒生的种种荒诞与虚伪行为。</p>
                                <p><del class="">￥12.0</del> <strong style="color:red">￥10.0</strong> 节省：<span class="text-success">￥2.0</span>
                                    <a href="" class="btn btn-danger">加入购物车</a>
                                </p>
                            </div>
                        </li>
                        <hr>
                        <li class="media">
                            <div class="media-left media-middle">
                                <a href=""><img class="media-object" src="images/book/lzzy.jpg" alt="" style="width:150px"></a>
                            </div>
                            <div class="media-body">
                                <a href=""><h5 class="text-primary">聊斋志异</h5></a>
                                <hr>
                                <p class="small text-muted">作者：<span>蒲松龄</span></p>
                                <p class="small text-muted">出版社：<span>民主与建设出版社</span>
                                    出版时间：<span>2019-07-01</span></p>
                                <p>清代小说家蒲松龄代表作，中国古代灵异、志怪小说的集大成者。</p>
                                <p><del class="">￥12.0</del> <strong style="color:red">￥10.0</strong> 节省：<span class="text-success">￥2.0</span>
                                    <a href="" class="btn btn-danger">加入购物车</a>
                                </p>
                            </div>
                        </li>
                        <hr>

                        <li class="media">
                            <div class="media-left media-middle">
                                <a href=""><img class="media-object" src="images/book/jpm.jpg" alt="" style="width:150px"></a>
                            </div>
                            <div class="media-body">
                                <a href=""><h5 class="text-primary">金瓶梅</h5></a>
                                <hr>
                                <p class="small text-muted">作者：<span>兰陵笑笑生</span></p>
                                <p class="small text-muted">出版社：<span>吉林大学出版社</span>
                                    出版时间：<span>2019-07-01</span></p>
                                <p>中国伟大的写实小说 有明一代的百科全书 开拓了中国小说史上的新阶段</p>
                                <p><del class="">￥12.0</del> <strong style="color:red">￥10.0</strong> 节省：<span class="text-success">￥2.0</span>
                                    <a href="" class="btn btn-danger">加入购物车</a>
                                </p>
                            </div>
                        </li>
                        <hr>

                        <li class="media">
                            <div class="media-left media-middle">
                                <a href=""><img class="media-object" src="images/book/dzlgz.jpg" alt="" style="width:150px"></a>
                            </div>
                            <div class="media-body">
                                <a href=""><h5 class="text-primary">东周列国志</h5></a>
                                <hr>
                                <p class="small text-muted">作者：<span>冯梦龙</span></p>
                                <p class="small text-muted">出版社：<span>民主与建设出版社</span>
                                    出版时间：<span>2019-07-01</span></p>
                                <p>古典小说精品系列： 《芈月传》小说原著及编剧蒋胜男读的首本书《 东周列国志 》</p>
                                <p><del class="">￥12.0</del> <strong style="color:red">￥10.0</strong> 节省：<span class="text-success">￥2.0</span>
                                    <a href="" class="btn btn-danger">加入购物车</a>
                                </p>
                            </div>
                        </li>
                        <hr>

                    </ul>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>